<template>
  <el-tabs v-model="activeTab" type="border-card">
    <!-- <el-tab-pane label="填写资料">
            <information />
        </el-tab-pane> -->
    <el-tab-pane :name="0" label="匹配报告">
      <report />
    </el-tab-pane>
    <el-tab-pane :name="1" label="匹配政策">
      <policy-comp></policy-comp>
    </el-tab-pane>
    <el-tab-pane :name="2" label="匹配记录">
      <record />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup lang="ts">
import Report from '@/views/client/clientData/matchItem/components/report.vue'
import Record from '@/views/client/clientData/matchItem/components/record.vue'
import PolicyComp from '@/views/client/clientData/matchItem/components/policy-comp.vue'

const route = useRoute()
const activeTab = ref(0)

onMounted(() => {
  activeTab.value = parseInt(route.query.tab?.toString() || '0')
})
</script>

<style scoped></style>
